<style lang='scss' type='stylesheet/scss' scoped>
.as-input {
  margin-bottom: 10px;
}
</style>
<template>
  <div>
    <as-h2>prefix-icon 前置图标 / suffix-icon 后置图标</as-h2>
    <as-card :text="text"
            title="为 as-input 绑定 clearable 后，在输入内容后可以清楚内容。">
      <as-input v-model="name" placeholder="请输入姓名" prefix-icon="el-icon-edit"></as-input>
      <as-input v-model="name" placeholder="请输入姓名" suffix-icon="el-icon-search"></as-input>
    </as-card>
  </div>
</template>

<script type="text/ecmascript-6">
import { mapGetters } from "vuex";
export default {
  name: "",
  computed: {
    ...mapGetters(["isMobile"])
  },
  data() {
    return {
      name: "123",
      text: `<template>
   <div>
     <as-input v-model="name" placeholder="请输入姓名" prefix-icon="el-icon-edit"></as-input>
     <as-input v-model="name" placeholder="请输入姓名" suffix-icon="el-icon-search"></as-input>
   </div>
 </template>
 <script>  
   export default {
     data() {
       return {
         name: ""
       }
     }
   }
 <\/script>`
    };
  }
};
</script>
